<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
用户名：<input type="text" name="username">
<!--springboot启动 默认静态资源找的是static目录下的资源-->
<script src="/js/axios.js"></script>
<script>
    let username = document.querySelector("[name='username']")
    username.onblur = () => {
        if (username.value) {
            send("http://localhost:8080/get?username=" + username.value);
        }
    }

    function send(url) {
        // 获取对象
        let xhr = new XMLHttpRequest()
        // 建立连接 true -- 异步
        xhr.open("GET", url, true)
        // 发送请求
        xhr.send()
        // 获取响应
        xhr.onreadystatechange = () => {
            // readyState --> 请求是否完成 2,3,4
            // status --> 请求是否成功
            if (xhr.readyState === 4 && xhr.status === 200) {
                let resp = JSON.parse(xhr.responseText);
                // JSON.parse(json字符串) --> 将json字符串转换成对象
                // JSON.stringify(resp) --> 将对象转换成那个json字符串
                if (resp.code === 1) {

                }
                console.log(resp.msg)
            }
        }
    }

</script>
</body>
</html>